<template>
	<view>
		<view class="title_box">
			<view class="title_top"
				><u-icon name="rmb-circle" size="60" color="#5690FB"></u-icon
				>医嘱缴费</view
			>
			<view class="title_price">-200</view>
		</view>
		<viwe class="content_box">
			<view class="content_center">
				<view>项目名称</view>
				<view class="content">核酸检测报告单</view>
			</view>
			<view class="content_center">
				<view>就诊卡号</view>
				<view class="content">123456789123456</view>
			</view>
			<view class="content_center">
				<view>交易时间</view>
				<view class="content">2020-10-1 11:11:11</view>
			</view>
		</viwe>
	</view>
</template>

<script>
export default {
	data() {
		return {}
	},
	methods: {},
}
</script>

<style  lang="scss">
.title_box {
	padding: 40rpx 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30rpx;
}
.title_top {
	display: flex;
	justify-content: center;
	align-items: center;
}
.title_price {
	text-align: center;
	font-size: 60rpx;
	font-weight: bold;
}
.content_center {
	display: flex;
	padding: 20rpx;
	view {
		flex: 1;
	}
	.content {
		text-align: right;
	}
}
</style>